import { linusers } from "@/apis/mock";
import { Linwrap } from "./styled";
export default function Lin() {
  return (
    <Linwrap>
      <div className="content">
        <div className="top">
          <div className="title">友邻</div>
          <div className="shen">申请规则</div>
          <div className="tip">
            <p>
              如果要和本站交换友链，请按照以下格式发送到
              <a href="#/">3237435979@qq.com</a>
            </p>
            <p>博客名字: 江的博客</p>
            <p>
              博客地址:
              <a
                href="https://www.notbucai.com"
                target="_blank"
                rel="noreferrer"
              >
                https://www.notbucai.com
              </a>
            </p>
            <p>博客简介: 啥也不会</p>
            <p>
              博客头像:
              <a
                href="https://image.notbucai.com/logo.png"
                target="_blank"
                rel="noreferrer"
              >
                https://image.notbucai.com/logo.png
              </a>
            </p>
            <hr />
            <p>
              注① : 希望你的网站非采集以及纯技术站点，且每三个月至少有一次更新。
            </p>
            <p>
              注② :
              为了更快的效率，请提前加上我的友链，我会在一天内尽快给出答复，谢谢！
            </p>
            <p>2022=6-11</p>
          </div>
        </div>
        <div className="main">
          <div>朋友们 (默认按添加时间排序)</div>
          <div className="all">
            {linusers.map((item) => {
              return (
                <a
                  key={item.author}
                  href={item.href}
                  target="_blank"
                  rel="noreferrer"
                >
                  <img src={item.img} alt="" />
                  <div className="right">
                    <div className="author">{item.author}</div>
                    <div className="content">{item.content}</div>
                  </div>
                </a>
              );
            })}
          </div>
        </div>
      </div>
    </Linwrap>
  );
}
